<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">

    <h:body>
        <ui:composition template="template.xhtml">
            <ui:define name="content">
             <div id="contentSupport">
               Herzlich Willkommen auf FamTime!<br/> Bitte loggen Sie sich ein, um auf Ihren Kalender zugreifen zu können. <br/><br/>
               Sie sind neu hier?<br/> Dann registrieren Sie sich bitte <a href="registerFamilie.xhtml">hier</a>.
              </div>
                <div id="registerContent">
                    <h:form id="loginForm">

                        <h:panelGrid columns="2" rendered="true">

                            <h:outputLabel for="username">Username:</h:outputLabel><br/>

                            <h:inputText id="username" value="#{kalenderPM.username}" title="username"/><br/><br/>

                            <h:outputLabel for="password" >Password:</h:outputLabel><br/>

                            <h:inputSecret id="password" value="#{kalenderPM.password}" title="password" />
                            
                        </h:panelGrid>

                        <h:commandButton value="Login" action="#{kalenderPM.login()}" rendered="#{!kalenderPM.loggedIn}"/>

                    </h:form>
                </div>
            </ui:define>
        </ui:composition>
    </h:body>
</html>
